/*会员中心*/
body { background: #f0f0f0 }
.member .top { padding-top: 1.4rem; box-shadow: 0 0 4px rgba(0,0,0,0.2); background: #f60 }
.member .person { height: 1.6rem; background: #fff; font-size: .36rem; }
.member .person a { color: #666; width: 100% }
.member .person i.num { font-size: .5rem; color: #333 }
.member .person .avatar, .member .person .cart, .member .person .share, .member .person .points { width: 25%; text-align: center; line-height: .44rem; margin-top: .16rem; padding: .2rem 0; position: relative }
.top .person .cart b, .top .person .share b { border-radius: .4rem; font-size: .3rem; background: #f60; position: absolute; top: 0; margin-left: .6rem; font-weight: 300; color: #fff; padding: 0 0.12rem; }
.member .person .avatar { margin-top: -1.2rem; position: relative; }
.member .person .avatar span { box-shadow: 0 0 .4rem rgba(0,0,0,0.1); border: .1rem solid #fff; float: right; background-position: center center; background-repeat: no-repeat; border-radius: 2rem; height: 2rem; width: 2rem; display: block; }
.member .person .avatar .name { position: absolute; right: -2.6rem; top: 0.5rem; font-size: .4rem; color: #fff }
.member .person i.code { position: absolute; font-size: 1rem; position: absolute; right: 0.2rem; top: 0.2rem; }
.member .person .share { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; box-sizing: border-box }
.step { background: #fff; margin-top: .4rem; border-bottom: 1px solid #e0e0e0 }
.step li { width: 20%; float: left; font-size: .34rem; }
.step li i { width: 100%; font-size: 1rem; display: block; color: #999 }
.step li a { width: 100%; padding: .2rem 0; display: block; text-align: center; position: relative; color: #666 }
.step li a b { border-radius: .4rem; font-size: .3rem; background: #f60; position: absolute; top: .2rem; font-weight: 300; color: #fff; padding: 0 0.12rem; }
.list { background: #fff; }
.last { background: #f0f0f0; }
.list a { height: 1.4rem; width: 100%; display: block; box-sizing: border-box; line-height: 1.4rem; border-bottom: 1px solid #e0e0e0; padding: 0 .2rem; font-size: .4rem; }
.list a i { margin-right: .1rem; }
.sharelist li { padding: 0 .2rem; margin-bottom: .2rem; }
.sharelist li a { width: 100%; display: block; }
.sharelist li a span { height: 3rem; display: block; border: 1px solid #e0e0e0; border-bottom: none }
.sharelist li .title { height: 1rem; padding: 0 .4rem; position: relative; border-bottom-left-radius: .2rem; border-bottom-right-radius: .2rem; border: 1px solid #e0e0e0; border-top: none; background: #fff; }
.sharelist li .title h4 { height: 1rem; line-height: 1rem; font-size: .4rem; padding-right: 1rem; box-sizing: border-box; overflow: hidden; color: #666 }
.sharelist li .title b { position: absolute; right: 0.8rem; top: 0; line-height: 1rem; }
.sharelist li .title b a { border-radius: .6rem; height: .6rem; text-align: center; background: #e0e0e0; line-height: .6rem; padding: 0 .2rem; margin-top: .2rem; display: block; }
.bottomside { font-size: .4rem; line-height: 50px; text-align: right; background: #fff; border-top: 1px solid #e0e0e0 }
.bottomside span { margin-right: .4rem; color: #333 }
.bottomside a { padding-right: .4rem; display: inline-block; color: #666 }
.bottomside .share { float: right; font-size: .6rem; border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; background: #f90; box-shadow: 0 0 0.4rem rgba(0,0,0,0.2); color: #fff }
